/**
 * 学习目标：创建组件-函数式组件
 * 要求:
 *  1. 💥函数名大写开头, 否则是普通函数, 不属于组件
 *  2. 💥函数返回一段jsx, 或者null表示不渲染任何内容
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 函数式组件
function Hello() {
  //   return <h1>hello React</h1>;
  return null;
}

const divNode = (
  <>
    {/* 💥 使用上: React组件名对大小写敏感 */}
    <Hello />
    {/* ❌ 小写开头的不是组件*/}
    {/* <hello></hello> */}
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
